@import "./transition.scss";
@import "./iconfont/index.css";
@import "./gwind.scss";
@import "./animation.scss";
// 滚动条美化
.g-basic-scroll::-webkit-scrollbar,
.g-basic-scroll-child-div > div::-webkit-scrollbar {
  border-radius: 4px;
  width: 6px;
  height: 10px;
}
.g-basic-scroll::-webkit-scrollbar-track,
.g-basic-scroll-child-div > div::-webkit-scrollbar-track {
  border-radius: 4px;
}
.g-basic-scroll::-webkit-scrollbar-thumb,
.g-basic-scroll-child-div > div::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba($color: #eee, $alpha: 0.2);
  display: none;
  &:hover {
    background-color: rgba($color: #eee, $alpha: 0.5);
  }
}
.g-basic-scroll:hover::-webkit-scrollbar-thumb,
.g-basic-scroll-child-div > div:hover::-webkit-scrollbar-thumb {
  display: block;
}

// 离屏渲染优化
.cva {
  content-visibility: auto;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

[class*="mask-model"] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.mask-model-dark {
  background-color: rgba($color: #000000, $alpha: 0.5);
}
